@charset "utf-8";
/* CSS Document */
.i-ban {
  position: relative;
  height: 680px;
  width:100%;
  margin-top:70px;
}
.i-ban .listt {
  height: 680px;
}
.i-ban li {
  position: absolute;
  left: 50%;
  width: 1920px;
  margin-left: -960px;
  height: 680px;
  display: none;
}
.i-ban li a.video {
  display: inline-block;
  width: 160px;
  padding-left: 30px;
  border: 1px solid #f60;
  border-radius: 20px;
  background: url("../img/bg_sign03s.png") no-repeat 85% center transparent;
  font-size: 15px;
  line-height: 40px;
  color: #f60;
}
.i-ban li a.video:hover {
  background-position: 95% center;
}
.i-ban .btn {
  position: absolute;
  left: 50%;
  bottom: 34px;
  height: 10px;
}
.i-ban .btn span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../img/bg_btn01.png") no-repeat 0 0 transparent;
  margin: 0 5px;
  cursor: pointer;
}
.i-ban .btn span.cur {
  background-position: 0 -10px;
}
.i-ban .arrow {
  left: 50px;
  top: 0;
  width: 27px;
  height: 700px;
  cursor: pointer;
}
.i-ban .arrow.prev {
  background: url("../img/prev01.png") no-repeat left center transparent;
}
.i-ban .arrow.prev.hover {
  background-position: right center;
}
.i-ban .arrow.next {
  left: auto;
  right: 50px;
  background: url("../img/next01.png") no-repeat right center transparent;
}
.i-ban .arrow.next.hover {
  background-position: left center;
}
.ind-porlist{ padding:20px;}
.ind-porlist li{ float:left; width:270px; font-size:14px; border-right:solid 1px #fff; text-align:center; margin:0; padding:0;}
.ind-porlist i{ display:block;}
.index-news{}
.index-news .fl{width: 575px; margin-top:29px;border: solid 1px #ccc;}
.index-news .fl a.leimg {display: block;width: 575px;height: 257px;overflow: hidden;}
.index-news .fl .con {
    background: #fff;
    /* height: 150px; */
    height: 105px;
    padding: 25px 25px 0 25px;
}
.index-news .fl .con .more {
    color: #999;
    transition: color 0.3s;
	top:25px;
	right:3px;
}
.index-news .fl .con .tit {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    transition: color 0.3s;
}
.index-news .fl .con .txt {
    color: #999;
    margin-top: 23px;
    display: inline-block;
	font-size:14px;
}
.index-news .fr{ margin-top:17px;}
.index-news .fr ul{ width:100%;}
.index-news .fr li {height: 120px;margin-top: 12px;background: #fff;width: 100%;position:relative;border: solid 1px #ccc;}
.index-news .fr li .img {
    display: block;
    width: 147px;height: 88px;overflow: hidden;
    float: left;
    padding: 16px 0 0 15px;
}
.index-news .fr li .con {
    padding: 20px 0 0 20px;
    width: 418px;
    float: left;
}
.index-news .fr li .con .tit {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    transition: color 0.3s;
}
.index-news .fr li .con .txt {
    color: #999;
    margin-top: 9px;
    display: inline-block;
	font-size:12px;
}
.index-news .fr li .con .timed{ font-size:12px; right:22px; bottom:10px;}


.index-product{margin-bottom: 100px;margin-top: 50px;}
.index-ct{margin-bottom:30px;margin-top:15px;}


.mb50{margin-bottom: 50px;}
.mb20{margin-bottom: 20px;}

.index-other{margin-bottom: 50px;margin-top: 50px;}
.index-other .w1200 li{ float:left; padding:10px; width:360px; margin-right:30px;}
.index-other .w1200 li.mr0{ margin-right:0px;}
.index-other .w1200 li a{ text-indent:1em;}
.index-other .w1200 li h4{ line-height:2.5;}
.index-other .w1200 li p{font-size:12px;}

.index-qt{}
.index-qt .w1200 li{ float:left;width:380px;}
.index-qt .w1200 li.mr0{margin-right:0px;}
.index-qt .w1200 li.mr30{margin-bottom:30px;}
.index-qt .w1200 li.pd30{padding-left:15px;padding-right:15px;}
.index-qt .w1200 li a{ text-indent:1em;}
.index-qt .w1200 li h4{ line-height:2.5;}
.index-qt .w1200 li p{font-size:12px;}


.index-love .iconList{overflow:hidden; padding:50px 0 90px 0; color:#3c3c3c;}
.index-love .iconList li{float:left; width:162px; height:58px; background:url(../img/icon_02.png) no-repeat; padding-left:70px; margin-left:40px; margin-right:30px;}
.index-love .iconList li h5{font-size:18px; font-weight:normal;}
.index-love .iconList li a{color:#6BBE3A; display:block; text-indent:6px; padding-top:3px; font-size:12px;}
.index-love .iconList li a:hover{color:#000;}
.index-love .iconList li.n1{background-position:-20px -10px;}
.index-love .iconList li.n2{background-position:-270px -10px;}
.index-love .iconList li.n3{background-position:-500px -6px;}
.index-love .iconList li.n4{background-position:-730px -9px;}
.index-love .iconList li.n5{background-position:-985px -7px; margin-right:0; width:140px;}



.join-part {min-width: 1200px;padding: 60px 0 65px;color: #999;}
.sch-part .wrap, .join-part .wrap {width: 1152px;margin: 0 auto;}

.join-part6 {background: url(../img/hs_bg16.jpg) no-repeat center 0;}
.join-part6 .picscroll {position: relative;}
.join-part6 .bd {position: relative;width: 1100px;height:348px;margin: 0 auto 50px;overflow: hidden;}
.join-part6 .bd li {position: relative;float: left;width: 255px;height: 335px;background: #fff;margin: 0 10px 10px;border-bottom: 5px solid #c3c3c3;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  cursor: default;overflow: hidden;
  -webkit-transition: all 0.3s linear;transition: all 0.3s linear;
}
.join-part6 .bd li img {margin-bottom: 16px;}
.join-part6 .bd li p {padding: 0 20px;}
.join-part6 .bd li .tit {margin-bottom: 4px;font-size: 16px;line-height: 2;color: #444;}
.join-part6 .bd li .txt {line-height: 1.6;color: #999;font-size:5px;}
.join-part6 .bd li:hover {border-bottom-color: #66c430;}
.inside-h2{font-weight: normal;font-size: 38px;line-height: 2;color: #000;text-align: center;}
.join-part .hd {margin-top: 70px;text-align: center;}
.slide-btn {position: absolute; display: block; width: 46px;height: 46px;margin-top: -23px;background: url(../img/hs_btn01.png) no-repeat;top: 50%;cursor: pointer;z-index: 2;border-radius: 50%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
.slide-btn.prev {left: -30px;background-position: 0 0;}
.slide-btn.prev:hover {background-position: 0 100%;}
.slide-btn.next {right: -30px;background-position: 100% 100%;}
.slide-btn.next:hover {background-position: 100% 0;}


.link-tabs{border-top:1px solid #eee;background:#f6f6f6;font-size:12px;}
.link-tabs .link-wrap{margin:0 auto;width:1200px;}
.link-tabs .link-tab-name{padding-top:20px;height:25px;border-bottom:1px solid #e8e8e8;}
.link-tabs .link-tab-name a{display:inline-block;margin-right:35px;height:25px;color:#999;}
.link-tabs .link-tab-name a.active{border-bottom:1px solid #01af63;}
.link-items{margin-top:15px;padding-bottom:10px;}
.link-items ul{height:78px;}
.link-items ul li{float:left;margin-right:10px;height:20px;line-height:20px;}
.link-items ul li a{color:#999;line-height:20px;}
.cl {clear: both;height: 0px;}

.cleartab { zoom:1;width:330px;margin:0 auto;}
.cleartab:after {visibility:hidden; display:block; font-size:0; content:"1"; clear:both; height:0; } 
.btntab span {width:100px;height:30px;line-height:30px;text-align:center;color:#fff;background:#4bb033;cursor:pointer;margin:0 5px; display:block; float:left;-moz-border-radius: 1em;-webkit-border-radius: 1em;border-radius: 1em;} 
.contab {display:none;}

.more-bt {
    border-bottom: 1px solid #C1C1C1;
    height: 20px;
    position: relative;
    text-align: center;
    margin: 40px 0;
}
.more-bt a {
    display: inline-block;
    width: 90px;
    padding-top: 30px;
    background: #efefef url(../img/icon_more.png) no-repeat center top;
    text-align: center;
    color: #5cb531;
    line-height: 18px;
}

.page-sub-nav-inner{width:1200px;margin: 0px auto;}
.sub-nav li{float: left;padding: 0px 74px;}
.sub-nav li a{
    display: inline-block;
    font-size: 18px;
    width: 111px;
    height: 72px;
    line-height: 72px;
    background-color: inherit;
    border-bottom:3px solid transparent;
    text-align: right;
    background-position: left center;
    background-repeat: no-repeat;
}
.sub-nav li.active{background-color: #fff;}
.sub-nav li.active a{color: #4fb133;border-bottom-color: #4fb133;}
.sub-nav li.sub-nav-1 a{background-image: url('../img/icon1.png');}
.sub-nav li.sub-nav-2 a{background-image: url('../img/icon2.png');}
.sub-nav li.sub-nav-3 a{background-image: url('../img/icon3.png');}
.sub-nav li.sub-nav-4 a{background-image: url('../img/icon4.png');}
.sub-nav li.sub-nav-1.active a{background-image: url('../img/icon1_active.png');}
.sub-nav li.sub-nav-2.active a{background-image: url('../img/icon2_active.png');}
.sub-nav li.sub-nav-3.active a{background-image: url('../img/icon3_active.png');}
.sub-nav li.sub-nav-4.active a{background-image: url('../img/icon4_active.png');}
.show{display:block;}